<!Doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=0.8, minimal-ui">
		<meta name="description" content="Wi-Fi Deauthenticator">
		<meta name="author" content="Spacehuhn - Stefan Kremser">
		<meta name="theme-color" content="#36393E" />
		<title>ESP8266 Deauther</title>
		<link rel="stylesheet" href="style.css">
		<script src="js/functions.js"></script>
	</head>
	<body>
		<nav>
			<a href="apscan.html">{APs}</a>
			<a href="stations.html">{Stations}</a>
			<a href="attack.html">{Attacks}</a>
			<a href="settings.html">{Settings}</a>
			<a class="right" href="info.html">{Info}</a>
		</nav>
		
		<div class="container">
			<div class="row">
				<div class="col-12">
					
					<div id="error" class="hide"></div>
					
					<h1 class="header">{h1}</h1>
					
					<p class="bold">{p1} <button onclick='cloneSelected()'>{button1}</button></p>
					<ul id="selectedAPs"></ul>
					
					<p class="bold">{p2}</p>
					<ul id="selectedClients"></ul>
					
					<table></table>
					
					<label class="left">
						<input type="number" id="randomIntrvl" value="5" min="1" max="65000"/>s
					</label>
					
					<button class="right" id="randomBtn" onclick="random()">{button2}</button>
					
					<p class="clear">
						<br />
						<span class="red">{p3} </span><span class="bold">{p4}</span><br />
						{p5}
					</p>
					
					<hr />
				</div>
			</div>
			
			<div class="row">
				<div class="col-6">
					<label for="ssid">{label1}</label>
				</div>
				<div class="col-6">
					<input type="text" id="ssid" minlength="1" maxlength="32" placeholder="{placeholder1}" />
				</div>
			</div>
			
			<div class="row">
				<div class="col-6">
					<label for="num">{label2}</label>
				</div>
				<div class="col-6">
					<input type="number" id="num" min="0" max="48" value="0" />
				</div>
			</div>
			
			<div class="row">
				<div class="col-6">
					<label for="enc">{label3}</label>
				</div>
				<div class="col-6">
					<input type="checkbox" id="enc" name="enc" />
				</div>
			</div>
			
			<div class="row">
				<div class="col-12">
					
					<button class="button-primary col-4" onclick="addSSID()">{button3}</button>
					
					<hr />
					
					<p class="left">{p6} <span id="ssidCounter">0/48</span></p>
					
					<div class="right">
						<button class="red" onclick="clearSSID()">{button4}</button> 
						<button onclick="randomSSID()">{button5}</button> 
					</div>

					<table></table>
					
					<button class="marginNull red" onclick="resetSSID()">{button6}</button> 
					<button class="marginNull button-primary right" onclick="saveSSID()">{button7}</button> 
					
					<p class="small" id="saved">{p7}</p>
					
					<p>
						<br />
						<span class="bold">{p8}</span><br />
						{p9}<br />
						<br />
						<span class="bold">{pa}</span><br />
						{pb}<br />
						<br />
						<span class="bold">{pc}</span><br />
						{pd}
					</p>
					
					<div id="copyright">
						Version 1.6<br />
						Copyright (c) 2017 Stefan Kremser<br />
						<a href="https://github.com/spacehuhn" target="_blank">github.com/spacehuhn</a>
					</div>
				</div>
			</div>
		</div>
        <script src="js/l10n.js" async defer></script>
		<script data-src="js/attack.js"></script>
	</body>
</html>
